<?php
if (isset($data[3]) && !empty($data[3])) {
    $idCss = "update-membro";
    $titulo = "Informações";
    $beanMembro = $data[3];
    $botao = "Salvar";
    $cpf = $beanMembro->cpf;
    $acao = "update";
} else {
    $idCss = "mws-login-wrapper";
    $titulo = "Cadastro";
    $botao = "Cadastrar";
    $cpf = "";
    $acao = "insert";
}

// utilizada para verificar se o cadastro esta sendo feito pelo tesoureiro
// dessa forma alguns campos não serão obrigatórios

$auxNovoMembro = "";

if (isset($data[2]) && $data[2] == "novo") {
    $idCss = "update-membro";
    $titulo = "Novo Membro";
    $botao = "Salvar";
    $auxNovoMembro = "novo";
}
?>

<div id="<?php echo $idCss; ?>" class="cadastro">
    <div id="mws-login">
        <h1><?php echo $titulo; ?></h1>
        <div class="mws-login-lock"><img src="<?php echo BASE_URL; ?>css/icons/24/plus.png" alt="" /></div>
        <div id="mws-login-form">
            <form class="mws-form" id="cadastro" action="<?php echo BASE_URL . "membro/" . $acao; ?>" onsubmit="return validaForm(this);" method="post">
                <?php
                if (isset($beanMembro)) {
                    echo "<input type='hidden' value='$beanMembro->codigo' name='codigo'>";
                }
                ?>

                <div class="mws-form-row">
                    <div class="mws-form-item large">
                        <input type="text" name="nome" class="mws-login-password mws-textinput required" placeholder="Nome"
                        <?php
                        if (isset($beanMembro)) {
                            echo "value=$beanMembro->nome";
                        }
                        ?>>
                    </div>
                </div>
                <div class="mws-form-row">
                    <div class="mws-form-item large relative">
                        <input type="text" name="cpf" id="cpf" class="mws-login-password mws-textinput required" placeholder="CPF" 
                        <?php
                        if (isset($beanMembro)) {
                            echo "value=$beanMembro->cpf";
                        }
                        ?>>
                        <span class="error-cadastro"></span>
                    </div>
                </div>
                <?php
                if (!isset($beanMembro)) {
                    ?>
                    <div class="mws-form-row">
                        <div class="mws-form-item large">
                            <input type="text" id="email" name="email" class="mws-login-password mws-textinput required" placeholder="Email">
                            <?php
//                        if (isset($beanMembro)) {
//                            echo "value=$beanMembro->email";
//                        }
                            ?>
                        </div>
                    </div>
                    <?php
                }
                ?>
                <div class="mws-form-row">
                    <div class="mws-form-item large">
                        <input type="text" id="endereco" name="endereco" class="mws-login-password mws-textinput required" placeholder="Endereço"
                        <?php
                        if (isset($beanMembro)) {
                            echo "value=$beanMembro->endereco";
                        }
                        ?>>
                    </div>
                </div>
                <div class="mws-form-row">
                    <div class="mws-form-item large">
                        <input type="text" id="bairro" name="bairro" class="mws-login-password mws-textinput required" placeholder="Bairro"
                        <?php
                        if (isset($beanMembro)) {
                            echo "value=$beanMembro->bairro";
                        }
                        ?>>
                    </div>
                </div>
                <?php
                if (!isset($beanMembro)) {
                    ?>
                    <div class="mws-form-row">
                        <div class="mws-form-item large">
                            <input type="password" name="senha" id="senha" class="mws-login-password mws-textinput required meio-campo" placeholder="Senha">
                            <input type="password" name="confirmacao" id="confirmacao" class="mws-login-password mws-textinput required meio-campo" placeholder="Confirme a senha">
                        </div>
                    </div>
                    <?php
                }
                ?>
                <div class="mws-form-row">
                    <select class="required meio-campo" id="estados" name="estado">
                        <option value="">Estados</option>
                        <?php
                        foreach ($data[0] as $estado) {
                            echo "<option value='" . $estado->codigo . "'";

                            if (isset($beanMembro)) {
                                if ($beanMembro->beanCidade->beanEstado->codigo == $estado->codigo) {
                                    echo " SELECTED";
                                }
                            }

                            echo ">" . $estado->estado . "</option>";
                        }
                        ?>
                    </select>
                    <select class="required meio-campo" id="cidades" name="cidade">
                        <option value="">Cidades</option>

                        <?php
                        if (isset($beanMembro)) {
                            echo " SELECTED";
                            foreach ($data[2] as $cidade) {
                                echo "<option value='" . $cidade->codigo . "'";

                                if ($beanMembro && $beanMembro->beanCidade->codigo == $cidade->codigo) {
                                    echo " SELECTED";
                                }

                                echo ">" . $cidade->cidade . "</option>";
                            }
                        }
                        ?>
                    </select>
                </div>
                <div class="mws-form-row">
                    <div class="mws-form-item large">
                        <input type="text" name="nascimento" id="nascimento" class="mws-login-password mws-textinput required meio-campo" placeholder="Nascimento"<?php
                        if (isset($beanMembro)) {
                            echo "value=$beanMembro->nascimento";
                        }
                        ?>>
                        <select class="required meio-campo" id="sexo" name="sexo">
                            <option value="">Sexo</option>
                            <?php
                            foreach ($data[1] as $sexo) {
                                echo "<option value='" . $sexo->codigo . "'";


                                if (isset($beanMembro)) {
                                    if ($beanMembro->beanSexo->codigo == $sexo->codigo) {
                                        echo " SELECTED";
                                    }
                                }

                                echo ">" . $sexo->sexo . "</option>";
                            }
                            ?>
                        </select>
                    </div>
                </div>
                <div class="mws-form-row">
                    <input type="submit" value="<?php echo $botao; ?>" class="mws-button green mws-login-button" />
                </div>
            </form>
        </div>
    </div>
</div>

<script type="text/javascript">

                var auxNovo = "<?php echo $auxNovoMembro; ?>";
                if (auxNovo == "novo") {
                    $("#email, #endereco, #bairro, #senha, #confirmacao").removeClass("required");
                }

                // carrega o cidades de acordo com o estado escolhido
                $('#estados').on('change', function() {
                    $('#cidades').html("");
                    $.ajax({
                        type: 'post',
                        data: 'cod=' + $(this).val(),
                        url: '<?php echo BASE_URL; ?>cidade',
                        success: function(cidades) {
                            cidades = $.parseJSON(cidades);
                            var options = "<option value=''>Cidades</option>";
                            for (var i in cidades) {
                                options += "<option value='" + cidades[i].codigo + "'>" + cidades[i].cidade + "</option>";
                            }
                            $('#cidades').append(options);
                        }
                    });
                });

                // define mascara do campo cpf
                $("#cpf").mask("999.999.999-99");

                // define calendário no campo de nascimento
                $("#nascimento").datepicker({
                    maxDate: new Date(),
                    changeMonth: true,
                    yearRange: "-100:+0",
                    changeYear: true
                });



                // define a validação com marcação no input e não com texto em baixo
                $("#cadastro").validate({
                    errorPlacement: function(error, element) {
                    }
                });

                var cpfAnt = "<?php echo $cpf; ?>";

                // verifica se o cpf já esta cadastrado assim que sai do campo
                $("#cpf").on("blur", function() {
                    if ($(this).val().length > 0 && removeCaracterCPF($(this).val()) != cpfAnt) {
                        cpf = validarCPF($("#cpf").val());
                        $(".error-cadastro").html("");
                        if (cpf == false) {
                            $(this).addClass("error");
                            $(".error-cadastro").html("CPF Inválido");
                        } else {
                            $.ajax({
                                type: 'post',
                                data: 'cpf=' + removeCaracterCPF($('#cpf').val()),
                                url: '<?php echo BASE_URL; ?>membro/cpf',
                                success: function(j) {
                                    if (j != "erro") {
                                        if (j == 1) {
                                            $(".error-cadastro").html("CPF já cadastrado");
                                        } else {
                                            $(".error-cadastro").html("OK");
                                        }
                                    }
                                }
                            });
                        }
                    }
                });

                function validaForm() {
                    if ("<?php echo $acao; ?>" == "insert") {
                        $(".erro").removeClass("erro");

                        // no caso do cadastro pelo tesoureiro só valida senha se preencher o campo
                        if (auxNovo == "novo") {
                            if ($("#senha").val().length > 0) {
                                legthSenha();
                            }
                        } else {
                            legthSenha();
                        }
                    }
                    return true;
                }

                function legthSenha() {
                    if ($("#senha").val().length < 7) {
                        $("#senha").addClass("erro");
                        return false;
                    }
                    
                    if ($("#senha").val() != $("#confirmacao").val()) {
                        $("#senha").addClass("erro");
                        $("#confirmacao").addClass("erro");
                        return false;
                    }
                }

                function removeCaracterCPF(cpf) {
                    cpf = replaceAll(cpf, ".", "");
                    cpf = replaceAll(cpf, "-", "");
                    return cpf;
                }


                function validarCPF(cpf) {

                    cpf = cpf.replace(/[^\d]+/g, '');
                    if (cpf == '')
                        return false;

                    // Elimina CPFs invalidos conhecidos
                    if (cpf.length != 11 ||
                            cpf == "00000000000" ||
                            cpf == "11111111111" ||
                            cpf == "22222222222" ||
                            cpf == "33333333333" ||
                            cpf == "44444444444" ||
                            cpf == "55555555555" ||
                            cpf == "66666666666" ||
                            cpf == "77777777777" ||
                            cpf == "88888888888" ||
                            cpf == "99999999999")
                        return false;

                    // Valida 1o digito
                    add = 0;
                    for (i = 0; i < 9; i ++)
                        add += parseInt(cpf.charAt(i)) * (10 - i);
                    rev = 11 - (add % 11);
                    if (rev == 10 || rev == 11)
                        rev = 0;
                    if (rev != parseInt(cpf.charAt(9)))
                        return false;

                    // Valida 2o digito
                    add = 0;
                    for (i = 0; i < 10; i ++)
                        add += parseInt(cpf.charAt(i)) * (11 - i);
                    rev = 11 - (add % 11);
                    if (rev == 10 || rev == 11)
                        rev = 0;
                    if (rev != parseInt(cpf.charAt(10)))
                        return false;

                    return true;
                }
</script>